import sliderEnableImg from "../theme-assets/theme1/slider@2x.png";
import sliderDisabledImg from "../theme-assets/theme1/slider-disable@2x.png";
import sliderEnableImg2 from "../theme-assets/theme1/slider-2@2x.png";
import sliderDisabledImg2 from "../theme-assets/theme1/slider-disable-2@2x.png";
import alertInfoIcon from "../theme-assets/theme1/icons/tip-blue@3x.png";
import alertWarnIcon from "../theme-assets/theme1/icons/tip-yellow@3x.png";
import alertErrorIcon from "../theme-assets/theme1/icons/tip-red@3x.png";
import switchOnEnableImg from "../theme-assets/theme1/switch-on@2x.png";
import switchOffEnableImg from "../theme-assets/theme1/switch-off@2x.png"; // import switchOnDisableImg from "../theme-assets/theme1/switch-on-disable@2x.png";
// import switchOffDisableImg from "../theme-assets/theme1/switch-off-disable@2x.png";

import switchOnEnableImg2 from "../theme-assets/theme1/switch-on-2@2x.png";
import switchOffEnableImg2 from "../theme-assets/theme1/switch-off-2@2x.png"; // import switchOnDisableImg2 from "../theme-assets/theme1/switch-on-disable-2@2x.png";
// import switchOffDisableImg2 from "../theme-assets/theme1/switch-off-disable-2@2x.png";

import calendarIcon from "../theme-assets/theme1/calendar@2x.png";
import notificationSuccessIconTwo from "../theme-assets/theme1/icons/success@3x.png";
import notificationInfoIconTwo from "../theme-assets/theme1/icons/info@3x.png";
import notificationWarningIconTwo from "../theme-assets/theme1/icons/warning@3x.png";
import notificationErrorIconTwo from "../theme-assets/theme1/icons/error@3x.png";
import notificationSuccessIconThree from "../theme-assets/theme1/icons/success-2@3x.png";
import notificationInfoIconThree from "../theme-assets/theme1/icons/info-2@3x.png";
import notificationWarningIconThree from "../theme-assets/theme1/icons/warning-2@3x.png";
import notificationErrorIconThree from "../theme-assets/theme1/icons/error-2@3x.png";
import iconLayer from "../../lib/theme-assets/theme1/icons/icon-layer.svg";
import treeNormalIcon from "../theme-assets/theme1/file-normal@3x.png";
import treeOpenIcon from "../theme-assets/theme1/file-open@3x.png";
import treeNodeIcon from "../theme-assets/theme1/menu@3x.png"; // import modalIcon from "../theme-assets/theme1/icons/warning@3x.png";
// import square from "../theme-assets/theme1/icons/square.svg";
// import squareBlur from "../theme-assets/theme1/icons/square-blue.svg";

import workspace from "../theme-assets/theme1/icons/workspace-icon.svg";
import workspaceBlue from "../theme-assets/theme1/icons/workspace-icon-blue.svg";
import noticeIcon from "../theme-assets/theme1/icons/news.svg";
import plus from "../theme-assets/theme1/icons/plus-aquare.svg";
import plusBlack from "../theme-assets/theme1/icons/plus-aquare-black.svg";
import minus from "../theme-assets/theme1/icons/minus-aquare.svg";
import minusBlack from "../theme-assets/theme1/icons/minus-aquare-black.svg";
import approval from "../theme-assets/theme1/inset/approval.png";
import guide1 from "../theme-assets/theme1/inset-pure/guide1@3x.png";
import guide2 from "../theme-assets/theme1/inset-pure/guide2@3x.png";
import guide3 from "../theme-assets/theme1/inset-pure/guide3@3x.png";
import guide4 from "../theme-assets/theme1/inset-pure/guide4@3x.png";
import noSearch from "../theme-assets/theme1/inset-pure/no-search@3x.png";
import noReport from "../theme-assets/theme1/inset-pure/no-report@3x.png";
import noMessage from "../theme-assets/theme1/inset-pure/no-message@3x.png";
import noNetwork from "../theme-assets/theme1/inset-pure/no-network@3x.png";
import noSafe from "../theme-assets/theme1/inset/no-safe.png";
import noSysMessage from "../theme-assets/theme1/inset/no-sys-message.png";
import passed from "../theme-assets/theme1/inset/passed.png";
import submitted from "../theme-assets/theme1/inset/submited.png";
import remind from "../theme-assets/theme1/inset-pure/remind@3x.png";
import welcome from "../theme-assets/theme1/inset-pure/welcome@3x.png";
import male from "../theme-assets/theme1/avatar/man.png";
import female from "../theme-assets/theme1/avatar/woman.png";
import nameAvatar1 from "../theme-assets/theme1/avatar/name1@2x.png";
import nameAvatar2 from "../theme-assets/theme1/avatar/name2@2x.png";
import nameAvatar3 from "../theme-assets/theme1/avatar/name3@2x.png";
import nameAvatar4 from "../theme-assets/theme1/avatar/name4@2x.png"; // 动画

import inputAnimation from "../theme-animations/theme1/inputAnimation";
import selectAnimation from "../theme-animations/theme1/selectAnimation";
import buttonAnimation from "../theme-animations/theme1/buttonMotion";
import transferAnimation from "../theme-animations/theme1/transferAnimation";
import headerBg from "../assets/images/bg@2x.png";
import { hexToRgbaColor } from "../utils/utils"; // import popconfirmIcon from "../theme-assets/theme1/icons/warning@3x.png";

var modalIcon = notificationWarningIconTwo;
var popconfirmIcon = notificationWarningIconTwo;
var layoutThemeData = {
  /* 全局设置 */
  selectionFontColor: "#fff",
  collapseTriggerColor: "#fff",
  headerBg: "#4f7de7",
  containerBg: "rgb(246, 246, 246)",
  bodyContentGap: 8,
  headerHeight: 140,
  // 顶部
  headerBgImage: headerBg,
  headerTitleFontSize: 18,
  headerTitleColor: "#333",
  noticeIcon: noticeIcon,
  workspaceIcon: workspace,
  workspaceActiveIcon: workspaceBlue,
  tabIndent: 8,
  tabBg: "rgba(255,255,255, .3)",
  tabFontColor: "#fff",
  tabActiveBg: "#fff",
  tabActiveFontColor: "#3b87f5",
  tabHoverBg: "rgba(255,255,255,0.7)",
  tabHoverFontColor: "#fff",
  workspaceIconOpacity: 0.5,
  workspaceIconHoverOpacity: 0.8,
  workspaceIconActiveOpacity: 1,

  /* 页面布局 */
  headPadding: "0 12px",
  headBg: "#fff",
  headRadius: 2,
  titleFontSize: 14,
  backIconSize: 28,
  contentWrapMargin: "8px 0 0 0",
  contentPadding: 12,

  /* 侧边搜索下拉选择框 */
  searchInputBg: "rgba(201,201,201,0.2)",
  searchInputBorder: "1px solid transparent",
  searchInputPlaceholderFontColor: "#b1b1b1",
  dropdownItemBg: "#fff",
  dropdownItemFontColor: "#333",
  dropdownItemHoverBg: hexToRgbaColor("#4F7DE7", 0.1),
  dropdownItemFontHoverColor: "#333",

  /* 菜单 */
  menuBg: "#fff",
  collapsedWidth: 80,
  menuNormalWidth: 200,
  menuItemFontColor: "#6a6a6a",
  menuItemActiveFontColor: "#333",
  menuItemActiveBg: hexToRgbaColor("#4f7de7", 0.1),
  menuItemFontSize: 14,
  menuItemRightArrowSize: 6,
  menuItemRightArrowColor: "#333333",
  menuItemHoverFontColor: "#333",
  menuItemHoverBg: hexToRgbaColor("#4f7de7", 0.1),
  subMenuTitleColor: "#333",
  subMenuBg: "#fff",
  subMenuFontColor: "#5A6677",
  subMenuHoverBg: hexToRgbaColor("#4f7de7", 0.1),
  subMenuHoverColor: "#333333",
  leafMenuBg: "#fff",
  leafMenuFontColor: "#5A6677",
  leafMenuHoverBg: hexToRgbaColor("#4f7de7", 0.1),
  leafMenuHoverColor: "#333333",
  dividerLineColor: "#f1f1f1",
  topMenuFontSize: 14,
  topMenuItemRadius: 0,
  topMenuFontColor: "#fff",
  topMenuOpacity: "0.6",
  topMenuActiveFontColor: "#fff",
  topMenuActiveOpacity: "1",
  topMenuBg: "none",
  topMenuActiveBg: "none"
};
export default {
  images: [// 配套主题的插图
  {
    approval: approval,
    // 审核中
    guide1: guide1,
    // 引导1
    guide2: guide2,
    // 引导2
    guide3: guide3,
    // 引导3
    guide4: guide4,
    // 引导4
    noSearch: noSearch,
    // 无内容1
    noReport: noReport,
    // 无内容2
    noMessage: noMessage,
    // 无消息
    noNetwork: noNetwork,
    // 无网络
    noSafe: noSafe,
    // 无风险日志
    noSysMessage: noSysMessage,
    // 没有系统消息
    passed: passed,
    // 已通过
    submitted: submitted,
    // 已提交
    remind: remind,
    // 提示消息（尊敬的用户您好......）
    welcome: welcome,
    // 欢迎插画
    male: male,
    // 默认男性头像
    female: female,
    // 默认女性头像
    nameAvatar1: nameAvatar1,
    // 名字头像，下同
    nameAvatar2: nameAvatar2,
    nameAvatar3: nameAvatar3,
    nameAvatar4: nameAvatar4
  }],
  layout: [layoutThemeData],
  colors: [{
    primary: "#4f7de7"
  }, {
    primary: "#4f7de7"
  }],
  formColor: [{
    borderColor: "#B8D7FF",
    bgColor: "#EFF6FF"
  }, {
    borderColor: "#FBCD6C",
    bgColor: "#FFF6DE"
  }],
  buttonMotion: [{
    motion: buttonAnimation.shake
  }, {
    motion: ""
  } // 无动画
  ],
  buttonMotion2: [{
    motion: buttonAnimation.circle
  }, {
    motion: buttonAnimation.borderColor
  }],
  inputMotion: [{
    motion: inputAnimation.borderAndBottom
  }, {
    motion: ""
  }],
  dropdownMotion: [{
    motion: selectAnimation.dropdownBorder
  }, {
    motion: selectAnimation.dropdownBorderNoMotion
  }],
  input: [{
    layout: "horizontal",
    radius: 2,
    border: "all",
    // 边框： all | [bottom, top, left, ...]
    borderWidth: 1,
    borderColor: "rgba(0, 0, 0, 0.15)",
    hasShadow: true,
    shadow: "0 0 3px 0 #4f7de7",
    shadowTransition: "0.3s",
    disabledBorderColor: "#E7EAED",
    disabledBgColor: "#f8f8f8",
    disabledFontColor: "#aaadba",
    inputHeight: 28,
    background: "#fff",
    // Form 相关
    labelScale: false,
    labelFontSize: 12,
    labelFontColor: "#525a6e",
    focusedLabelFontColor: "#525a6e",
    errorShadow: "0 0 3px 0 #fd6868",
    errorColor: "#fd6868",
    // input.layout = vertical 下面两属性时失效
    labelCol: 6,
    formCol: 18
  }, {
    layout: "vertical",
    radius: 2,
    border: "all",
    // 边框： all | [bottom, top, left, ...]
    borderWidth: 1,
    borderColor: "rgba(0, 0, 0, 0.15)",
    hasShadow: true,
    shadow: "0 0 3px 0 #4f7de7",
    shadowTransition: "0.3s",
    disabledBorderColor: "#E7EAED",
    disabledBgColor: "#f8f8f8",
    disabledFontColor: "#aaadba",
    inputHeight: 28,
    background: "#fff",
    // Form
    labelScale: true,
    labelFontSize: 12,
    labelFontColor: "#525a6e",
    focusedLabelFontColor: "#4588f4",
    errorShadow: "0 0 3px 0 #fd6868",
    errorColor: "#fd6868",
    labelCol: 24,
    formCol: 24
  }, {
    layout: "horizontal",
    radius: 0,
    border: ["bottom"],
    // 边框： all | [bottom, top, left, ...]
    borderWidth: 1,
    borderColor: "rgba(0, 0, 0, 0.15)",
    hasShadow: false,
    disabledBorderColor: "rgba(0,0,0,0.15)",
    disabledBgColor: "#f8f8f8",
    disabledFontColor: "#aaadba",
    inputHeight: 28,
    background: "none",
    // Form
    labelScale: false,
    labelFontSize: 12,
    labelFontColor: "#525a6e",
    focusedLabelFontColor: "#525a6e",
    errorShadow: "0 0 3px 0 #fd6868",
    errorColor: "#fd6868",
    // input.layout = vertical 下面两属性时失效
    labelCol: 6,
    formCol: 16
  }],
  inputNumber: [// 继承所有Input的样式，同时有额外的属性
  {
    showHandle: true,
    textAlign: "right"
  }, {
    showHandle: false,
    textAlign: "right"
  }],
  select: [{
    fontFamily: "MicrosoftYaHei",
    activeFontWeight: "normal",
    hoverBgColor: hexToRgbaColor("#4F7DE7", 0.1),
    activeBgColor: hexToRgbaColor("#4F7DE7", 0.1),
    mutiSelectItemBg: "#E8F0FD",
    mutiSelectItemFontColor: "#525A6E",
    mutiSelectItemFontSize: 12,
    iconPickerIconSize: 12,
    iconPickerIcon: iconLayer // 图标选择框的图标

  }, {
    fontFamily: "MicrosoftYaHei",
    activeFontWeight: "normal",
    hoverBgColor: hexToRgbaColor("#4F7DE7", 0.1),
    activeBgColor: hexToRgbaColor("#4F7DE7", 0.1),
    mutiSelectItemBg: "#E8F0FD",
    mutiSelectItemFontColor: "#525A6E",
    mutiSelectItemFontSize: 12,
    iconPickerIconSize: 12,
    iconPickerIcon: iconLayer // 图标选择框的图标

  }, {
    fontFamily: "MicrosoftYaHei",
    activeFontWeight: "normal",
    hoverBgColor: hexToRgbaColor("#4F7DE7", 0.1),
    activeBgColor: hexToRgbaColor("#4F7DE7", 0.1),
    mutiSelectItemBg: "#E8F0FD",
    mutiSelectItemFontColor: "#525A6E",
    mutiSelectItemFontSize: 12,
    dropdownAnimation: null,
    iconPickerIconSize: 12,
    iconPickerIcon: iconLayer // 图标选择框的图标

  }],
  checkbox: [{
    radius: 2,
    fontSize: 12,
    boxSize: 14,
    fontColor: "#5A6677",
    shadow: "0 0 0 1px rgba(0, 0, 0, 0.15)",
    bgColor: "#4f7de7",
    borderColor: "#ccc",
    checkedBorderColor: "#4f7de7",
    disabledBorderColor: "#E7EAED",
    disabledBgColor: "#F8F8F8"
  }],
  checkboxBtn: [{
    radius: 11.5,
    height: 22,
    paddingLR: 8,
    // 左右padding
    fontSize: 12,
    shadow: "0 0 0 1px rgba(0, 0, 0, 0.15)",
    bgColor: "#fff",
    fontColor: "#5A6677",
    borderColor: "#D5DAE0",
    checkedBgColor: "#fff",
    checkedBorderColor: "#4f7de7",
    checkedFontColor: "#4f7de7",
    disabledBgColor: "#F8F8F8",
    disabledBorderColor: "#E7EAED",
    disabledFontColor: "#AAADBA"
  }, {
    radius: 2,
    height: 22,
    paddingLR: 8,
    // 左右padding
    fontSize: 12,
    shadow: "0 0 0 1px rgba(0, 0, 0, 0.15)",
    bgColor: "#fff",
    fontColor: "#5A6677",
    borderColor: "#D5DAE0",
    checkedBgColor: "#4f7de7",
    checkedBorderColor: "#4f7de7",
    checkedFontColor: "#fff",
    disabledBgColor: "#F8F8F8",
    disabledBorderColor: "#E7EAED",
    disabledFontColor: "#AAADBA"
  }],
  slider: [{
    enableImage: sliderEnableImg,
    disabledImage: sliderDisabledImg,
    railBg: "#e2e2e2",
    trackBg: "linear-gradient(90deg, #4588f4 0%, #386bd7 100%)",
    trackRadius: 2,
    handleWidth: 18,
    handleHeight: 18,
    handleRadius: 4,
    handleBorder: "none",
    focusedShadow: "0 0 3px 1px #4588f4",
    showIndicator: true,
    showTip: true,
    indicatorColor: "#4f7de7",
    disabledIndicatorColor: "#999"
  }, {
    enableImage: sliderEnableImg2,
    disabledImage: sliderDisabledImg2,
    railBg: "#e2e2e2",
    trackBg: "linear-gradient(90deg, #4588f4 0%, #386bd7 100%)",
    trackRadius: 4,
    handleWidth: 18,
    handleHeight: 18,
    handleRadius: 9,
    handleBorder: "none",
    focusedShadow: "0 0 3px 1px #4588f4",
    showIndicator: true,
    indicatorColor: "#4f7de7",
    disabledIndicatorColor: "#999"
  }],
  button: [{
    fontFamily: "MicrosoftYaHei",
    fontSize: 12,
    leftRightPadding: 12,
    radius: 2,
    height: 28,
    borderWidth: 1,
    primaryBgColor: "#4F7DE7",
    primaryColor: "#fff",
    primaryBorderColor: "#4F7DE7",
    primaryHoverBgColor: "#3965C9",
    primaryHoverColor: "#fff",
    primaryHoverBorderColor: "#3965C9",
    primaryDisabledColor: "#fff",
    primaryDisabledBgColor: "#99AFE1",
    primaryDisabledBorderColor: "#99AFE1",
    // 默认按钮
    defaultBgColor: "#fff",
    defaultColor: "#333",
    defaultBorderColor: "#D5DAE0",
    defaultHoverBgColor: "#fff",
    defaultHoverColor: "#333",
    defaultHoverBorderColor: "#D5DAE0",
    defaultDisabledColor: "#AAADBA",
    defaultDisabledBgColor: "#F8F8F8",
    defaultDisabledBorderColor: "#E7EAED"
  }, {
    fontFamily: "MicrosoftYaHei",
    leftRightPadding: 12,
    fontSize: 12,
    radius: 4,
    height: 28,
    borderWidth: 1,
    primaryBgColor: "#4F7DE7",
    primaryColor: "#fff",
    primaryBorderColor: "#4F7DE7",
    primaryHoverBgColor: "#3965C9",
    primaryHoverColor: "#fff",
    primaryHoverBorderColor: "#3965C9",
    primaryDisabledColor: "#fff",
    primaryDisabledBgColor: "#99AFE1",
    primaryDisabledBorderColor: "#99AFE1",
    // 默认按钮
    defaultBgColor: "#fff",
    defaultColor: "#333",
    defaultBorderColor: "#D5DAE0",
    defaultHoverBgColor: "#fff",
    defaultHoverColor: "#333",
    defaultHoverBorderColor: "#D5DAE0",
    defaultDisabledColor: "#AAADBA",
    defaultDisabledBgColor: "#F8F8F8",
    defaultDisabledBorderColor: "#E7EAED"
  }, {
    fontFamily: "MicrosoftYaHei",
    leftRightPadding: 12,
    fontSize: 12,
    radius: 14,
    height: 28,
    borderWidth: 1,
    primaryBgColor: "#4F7DE7",
    primaryColor: "#fff",
    primaryBorderColor: "#4F7DE7",
    primaryHoverBgColor: "#3965C9",
    primaryHoverColor: "#fff",
    primaryHoverBorderColor: "#3965C9",
    primaryDisabledColor: "#fff",
    primaryDisabledBgColor: "#99AFE1",
    primaryDisabledBorderColor: "#99AFE1",
    // 默认按钮
    defaultBgColor: "#fff",
    defaultColor: "#333",
    defaultBorderColor: "#D5DAE0",
    defaultHoverBgColor: "#fff",
    defaultHoverColor: "#333",
    defaultHoverBorderColor: "#D5DAE0",
    defaultDisabledColor: "#AAADBA",
    defaultDisabledBgColor: "#F8F8F8",
    defaultDisabledBorderColor: "#E7EAED"
  }, {
    fontFamily: "MicrosoftYaHei",
    leftRightPadding: 12,
    fontSize: 12,
    radius: 2,
    height: 28,
    borderWidth: 0,
    primaryBgColor: "unset",
    primaryColor: "#4F7DE7",
    primaryBorderColor: "#4F7DE7",
    primaryHoverBgColor: "unset",
    primaryHoverColor: "#3965C9",
    primaryHoverBorderColor: "#3965C9",
    primaryDisabledColor: "#fff",
    primaryDisabledBgColor: "unset",
    primaryDisabledBorderColor: "#99AFE1",
    // 默认按钮
    defaultBgColor: "#fff",
    defaultColor: "#333",
    defaultBorderColor: "#D5DAE0",
    defaultHoverBgColor: "#fff",
    defaultHoverColor: "#333",
    defaultHoverBorderColor: "#D5DAE0",
    defaultDisabledColor: "#AAADBA",
    defaultDisabledBgColor: "unset",
    defaultDisabledBorderColor: "#E7EAED"
  }],
  alert: [{
    height: 36,
    borderRadius: 2,
    backgroundInfoColor: "#e6f1ff",
    backgroundWarnColor: "#fff8e5",
    backgroundErrorColor: "#ffe4e4",
    borderInfoColor: "#6ea5ff",
    borderWarnColor: "#ffcb3f",
    borderErrorColor: "#ff7777",
    paddingLeft: "unset",
    iconBeforeDisplay: "none",
    iconWidth: 16,
    iconHeight: 16,
    iconBackgroundRepeat: "no-repeat",
    iconBackgroundPosition: "center",
    iconBackgroundSize: "16px 16px",
    iconInfoBackgroundImage: alertInfoIcon,
    iconWarnBackgroundImage: alertWarnIcon,
    iconErrorBackgroundImage: alertErrorIcon,

    /* 样式二圆点颜色 */
    iconBeforeInfoBackgroundColor: "transparent",
    iconBeforeWarnBackgroundColor: "transparent",
    iconBeforeErrorBackgroundColor: "transparent"
  }, {
    height: 36,
    borderRadius: 2,
    backgroundInfoColor: "#fff",
    backgroundWarnColor: "#fff",
    backgroundErrorColor: "#fff",
    borderInfoColor: "#6ea5ff",
    borderWarnColor: "#ffcb3f",
    borderErrorColor: "#ff7777",
    paddingLeft: 29,
    iconBeforeDisplay: "inline-block",
    iconWidth: "unset",
    iconHeight: "unset",
    iconBackgroundRepeat: "unset",
    iconBackgroundPosition: "unset",
    iconBackgroundSize: "unset",
    iconInfoBackgroundImage: "",
    iconWarnBackgroundImage: "",
    iconErrorBackgroundImage: "",

    /* 样式二圆点颜色 */
    iconBeforeInfoBackgroundColor: "#63a5ff",
    iconBeforeWarnBackgroundColor: "#ffcb3f",
    iconBeforeErrorBackgroundColor: "#ff7777"
  }],
  radioButton: [{
    fontFamily: "MicrosoftYaHei",
    fontSize: 12,
    fontColor: "#5a6677",
    radius: 2,
    btnHeight: 22,
    btnPadding: "0 8px",
    btnMarginRight: 16,
    btnBoxShadow: "none",
    borderColor: "#d9d9d9",
    checkedFontColor: "#fff",
    checkedBorderColor: "#4f7de7",
    checkedBgColor: "#4f7de7",
    disabledFontColor: "#AAADBA",
    disabledBorderColor: "#E7EAED",
    disabledBgColor: " #F8F8F8"
  }, {
    fontFamily: "MicrosoftYaHei",
    fontSize: 12,
    fontColor: "#5a6677",
    radius: 11.5,
    btnHeight: 22,
    btnPadding: "0 8px",
    btnMarginRight: 16,
    btnBoxShadow: "none",
    borderColor: "#d9d9d9",
    checkedFontColor: "#4f7de7",
    checkedBorderColor: "#4f7de7",
    checkedBgColor: "#fff",
    disabledFontColor: "#AAADBA",
    disabledBorderColor: "#E7EAED",
    disabledBgColor: " #F8F8F8"
  }],
  radio: [{
    fontFamily: "MicrosoftYaHei",
    fontSize: 12,
    borderGrayColor: "#d5dae0",
    color: "#5a6677",

    /* 选中后中心⚪的样式 */
    checkedWidth: "",
    checkedHeight: "",
    checkedBorder: [""],
    // 位置
    checkedTop: "50%",
    checkedLeft: "50%",
    checkedTransform: "translate(-50%, -50%) scale(1)",
    borderRadius: "50%"
  }, {
    fontFamily: "MicrosoftYaHei",
    fontSize: 12,
    borderGrayColor: "#d5dae0",
    color: "#5a6677",

    /* 选中后中心 √ 的样式 */
    checkedWidth: "8px",
    checkedHeight: "5px",
    checkedBorder: ["-bottom", "-left"],
    // 位置
    checkedTop: "45%",
    checkedLeft: "50%",
    checkedBackgroundColor: "transparent",
    checkedTransform: "translate(-50%, -50%) rotate(-45deg) scale(1)",
    borderRadius: "0",

    /* c7n画对号所需 && button  */
    gou: true,
    gouWidth: 8,
    gouHeight: 5,
    gouTop: "40%",
    proBtnRadius: 11.5,
    proBtnBack: "",
    proBtnColor: "#4f7de7"
  }],
  list: [{
    fontFamily: "MicrosoftYaHei",
    fontSize: 12,
    // 最外层边框
    wrapBorder: "none",

    /* 是否去除 header、item、footer 边框，none：去除 */
    removeAllBorder: "",
    // 边框颜色
    borderColor: "#e8e8e8",

    /* list 的 header 样式 */
    headFontSize: 14,
    minHeight: 36,
    headerColor: "#333333",
    // 上下 左右 内边距
    padding: "6px 12px",
    // 头内容左边距离
    headerPaddingLeft: "",

    /* list 每一项的样式 */
    itemColor: "#5a6677",
    // item 边框阴影
    boxShadow: "",
    borderRadius: "",
    // 每个 item 的间距
    marginBottom: "",

    /* list 文字描述样式 */
    descriptionColor: "#9b9b9b",

    /* c7n padding */
    c7npadding: "0.06rem 0.12rem"
  }, {
    fontFamily: "MicrosoftYaHei",
    fontSize: 12,
    // 最外层边框
    wrapBorder: "none",

    /* 是否去除 header、item、footer 边框，none：去除 */
    removeAllBorder: "none",
    // 边框颜色
    borderColor: "#e8e8e8",

    /* list 的 header 样式 */
    headFontSize: 14,
    minHeight: 36,
    headerColor: "#333333",
    // 上下 左右 内边距
    padding: "6px 12px",
    // 头内容左边距离
    headerPaddingLeft: "",

    /* list 每一项的样式 */
    itemColor: "#5a6677",
    // item 边框阴影
    boxShadow: "",
    borderRadius: "",
    // 每个 item 的间距
    marginBottom: "",

    /* list 文字描述样式 */
    descriptionColor: "#9b9b9b",

    /* c7n padding */
    c7npadding: "0.06rem 0.12rem"
  }, {
    fontFamily: "MicrosoftYaHei",
    fontSize: 12,
    // 最外层边框
    wrapBorder: "none",

    /* 是否去除 header、item、footer 边框，none：去除 */
    removeAllBorder: "none",
    // 边框颜色
    borderColor: "#e8e8e8",

    /* list 的 header 样式 */
    headFontSize: 14,
    minHeight: 36,
    headerColor: "#333333",
    // 上下 左右 内边距
    padding: "6px 12px",
    // 头内容左边距离
    headerPaddingLeft: 0,

    /* list 每一项的样式 */
    itemColor: "#5a6677",
    // item 边框阴影
    // x 偏移 y 偏移 模糊半径 扩散半径
    boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.2)",
    borderRadius: 1.5,
    // 每个 item 的间距
    marginBottom: 4,

    /* list 文字描述样式 */
    descriptionColor: "#9b9b9b",

    /* c7n padding */
    c7npadding: "0.06rem 0.12rem"
  }],
  anchor: [{
    fontFamily: "MicrosoftYaHei",
    fontSize: 12,
    grayColor: "#aaadba",

    /* 点 */
    nodeWidth: 6,
    nodeHeight: 6,
    nodeRadius: "50%",
    // 每个点上下距离
    nodeDistance: 8,
    // 圆点左移
    nodeLeft: -10,
    // 圆点下移
    nodeTranslateY: -4,

    /* 线 */
    lineWidth: 1,
    // 遮挡上下突出的线
    hideTopLength: 20,
    hideBottomLength: 20,

    /* 字 */
    // 左边距离
    wordsLeft: 9
  }],
  switch: [{
    onEnableImage: switchOnEnableImg,
    offEnableImage: switchOffEnableImg,
    switchHeight: 18,
    switchWidth: 52,
    switchBg: "rgba(0,0,0,0.25)",
    switchOnBg: "rgba(59,135,245,0.4)",
    radius: 0,
    handleRadius: 2,
    handleWidth: 28,
    handleHeight: 20
  }, {
    onEnableImage: switchOnEnableImg2,
    offEnableImage: switchOffEnableImg2,
    switchHeight: 18,
    switchWidth: 44,
    switchBg: "rgba(0,0,0,0.25)",
    switchOnBg: "rgba(59,135,245,0.4)",
    radius: 9,
    handleRadius: 10,
    handleWidth: 20,
    handleHeight: 20
  }],
  notification: [{
    fontFamily: "MicrosoftYaHei",
    fontSize: 12,
    wrapWidth: 350,
    wrapRadius: 2,

    /* 标题颜色 */
    headColor: "#333333",

    /* 图标背景图片 */
    successBg: "",
    infoBg: "",
    warnBg: "",
    errorBg: "",

    /* Icon 图片的设置，样式一没有图片 */
    iconWidth: 4,
    // 竖条的宽
    iconHeight: "100%",
    iconTop: 0,
    iconMarginLeft: "unset",
    // 图标背景色
    successIconBgColor: "#39c878",
    infoIconBgColor: "#4f7de7",
    warnIconBgColor: "#f8b303",
    errorIconBgColor: "#fd6868",

    /* after：notification 的背景色 */
    successBodyBgColor: "",
    infoBodyBgColor: "",
    warnBodyBgColor: "",
    errorBodyBgColor: "",

    /* 字 */
    wordsMarginLeft: 12,
    descriptionColor: "#5a6677",

    /* 关闭按钮颜色 */
    closeColor: "unset",
    middle: false // 图标是否居中，该属性为true时，iconTop自动失效

  }, {
    fontFamily: "MicrosoftYaHei",
    fontSize: 12,
    wrapWidth: 350,
    wrapRadius: 2,

    /* 标题颜色 */
    headColor: "#333333",

    /* 样式二左边 Icon */
    successBg: notificationSuccessIconTwo,
    infoBg: notificationInfoIconTwo,
    warnBg: notificationWarningIconTwo,
    errorBg: notificationErrorIconTwo,
    iconWidth: 20,
    // Icon 容器的宽
    iconHeight: 20,
    // Icon 容器的高
    iconTop: 25,
    // 距离上的长度
    iconMarginLeft: 16,
    // 距离左边的长度
    successIconBgColor: "",
    infoIconBgColor: "",
    warnIconBgColor: "",
    errorIconBgColor: "",

    /* after：notification 的背景色 */
    successBodyBgColor: "",
    infoBodyBgColor: "",
    warnBodyBgColor: "",
    errorBodyBgColor: "",

    /* 字 */
    wordsMarginLeft: 52,
    descriptionColor: "#5a6677",

    /* 关闭按钮颜色 */
    closeColor: "unset",
    middle: true // 图标是否居中，该属性为true时，iconTop自动失效

  }, {
    fontFamily: "MicrosoftYaHei",
    fontSize: 12,
    wrapWidth: 350,
    wrapRadius: 2,

    /* 标题颜色 */
    headColor: "#fff",

    /* 样式一中左边样式的背景色 无 */
    successBg: notificationSuccessIconThree,
    infoBg: notificationInfoIconThree,
    warnBg: notificationWarningIconThree,
    errorBg: notificationErrorIconThree,
    iconWidth: 20,
    iconHeight: 20,
    iconTop: 16,
    iconMarginLeft: 16,
    successIconBgColor: "",
    infoIconBgColor: "",
    warnIconBgColor: "",
    errorIconBgColor: "",

    /* after：notification 的背景色 */
    successBodyBgColor: "#39c878",
    infoBodyBgColor: "#4f7de7",
    warnBodyBgColor: "#f8b303",
    errorBodyBgColor: "#fd6868",

    /* 字 */
    wordsMarginLeft: 52,
    descriptionColor: "#fff",

    /* 关闭按钮颜色 */
    closeColor: "#fff",
    middle: false // 图标是否居中，该属性为true时，iconTop自动失效

  }],
  transfer: [{
    listWidth: 188,
    listHeight: 270,
    listRadius: 2,

    /* 左列表 */
    rightDistance: "unset",
    // 内容距右边框的距离
    topRightRadius: 2,
    bottomRightRadius: 2,

    /* 中心按钮 */
    buttonWrapWidth: 48,
    buttonWrapPadding: "0 12px",
    // 按钮距左右两边的距离
    buttonWrapTransform: "unset",
    buttonWrapPosition: "unset",
    buttonWrapTop: "unset",
    buttonWidth: 24,
    buttonHeight: 24,
    buttonRadius: "50%",
    // 按钮不可点击时的边框颜色、背景颜色
    buttonDisabledBorderColor: "#d9d9d9",
    buttonDisabledBgColor: "#fff",
    buttonDistance: "4px",
    // 按钮上下间的距离

    /* 右列表 */
    leftDistance: "unset",
    bottomLeftRadius: 2,
    topLeftRadius: 2,
    borderLeft: "1px solid #e8e8e8",
    animation: transferAnimation.border
  }, {
    listWidth: 208,
    listHeight: 270,
    listRadius: 2,

    /* 左列表 */
    rightDistance: 32,
    // 内容距右边框的距离
    topRightRadius: 0,
    bottomRightRadius: 0,

    /* 中心按钮 */
    buttonWrapWidth: 24,
    buttonWrapPadding: "unset",
    // 按钮距左右两边的距离
    buttonWrapTransform: "translateX(-50%)",
    buttonWrapPosition: "absolute",
    buttonWrapTop: "50%",
    buttonWidth: 24,
    buttonHeight: 24,
    buttonRadius: "4px",
    // 按钮不可点击时的边框颜色、背景颜色
    buttonDisabledBorderColor: "#d9d9d9",
    buttonDisabledBgColor: "#fff",
    buttonDistance: 0,
    // 按钮上下间的距离

    /* 右列表 */
    leftDistance: 32,
    bottomLeftRadius: 0,
    topLeftRadius: 0,
    borderLeft: "none",
    animation: ""
  }],
  popconfirm: [{
    fontFamily: "PingFangSC-Regular",
    fontSize: 12,
    wrapBgColor: "#fff",
    wrapRadius: 2,
    iconBgImage: popconfirmIcon,
    iconSize: "14px 14px",
    buttonRadius: 2,
    leftButtonBorderColor: "",
    leftButtonColor: "",
    textColor: "#5a6677",

    /* c7n */
    c7nIconSize: "0.14rem 0.14rem"
  }, {
    fontFamily: "PingFangSC-Regular",
    fontSize: 12,
    wrapBgColor: "#0d2a53",
    wrapRadius: 2,
    iconBgImage: popconfirmIcon,
    iconSize: "14px 14px",
    buttonRadius: 2,
    leftButtonBorderColor: "#fff",
    leftButtonColor: "#fff",
    textColor: "#fff",

    /* c7n */
    c7nIconSize: "0.14rem 0.14rem"
  }],
  modal: [{
    showBgIcon: false,
    // 是否显示背景图
    wrapWidth: 250,
    wrapBgColor: "",
    iconWidth: 14,
    iconHeight: 14,
    fontFamily: "PingFangSC-Semibold",
    fontSize: 12,
    titleColor: "#333333",
    descriptionColor: "#5a6677",
    iconImage: modalIcon,
    contentFont: "PingFangSC-Regular"
  }, {
    showBgIcon: true,
    // 是否显示背景图标
    wrapWidth: 250,
    wrapBgColor: modalIcon,
    // 背景为图标
    iconWidth: 14,
    iconHeight: 14,
    fontFamily: "PingFangSC-Semibold",
    fontSize: 12,
    titleColor: "#333333",
    descriptionColor: "#5a6677",
    iconImage: modalIcon,
    contentFont: "PingFangSC-Regular"
  }, {
    showBgIcon: false,
    // 是否显示背景图标
    wrapWidth: 250,
    wrapBgColor: "#0d2a53",
    iconWidth: 14,
    iconHeight: 14,
    fontFamily: "PingFangSC-Semibold",
    fontSize: 12,
    titleColor: "#fff",
    descriptionColor: "#fff",
    iconImage: modalIcon,
    contentFont: "PingFangSC-Regular"
  }],
  tree: [{
    fontFamily: "MicrosoftYaHei",
    fontSize: 12,
    color: "#333333",

    /* 箭头改造 */
    arrowWidth: 8,
    arrowHeight: 8,
    selectedItemColor: "#f6f6f6",
    selectedFontColor: "#5a6677",
    selectedBackColor: "#f6f6f6",
    selectedItemFontColor: "#5a6677",
    rotateOpen: "-45deg",
    rotateClose: "-135deg",
    borderWidth: 0,
    treeNormalIcon: "",
    treeOpenIcon: "",
    treeNodeIcon: "",
    titleLeft: 0
  }, {
    fontFamily: "MicrosoftYaHei",
    fontSize: 12,
    color: "#333333",

    /* 箭头改造 */
    arrowWidth: 8,
    arrowHeight: 8,
    selectedItemColor: "#f6f6f6",
    selectedFontColor: "#5a6677",
    selectedBackColor: "#f6f6f6",
    selectedItemFontColor: "#5a6677",
    rotateOpen: "90deg",
    rotateClose: "0deg",
    borderWidth: 4,
    treeNormalIcon: treeNormalIcon,
    treeOpenIcon: treeOpenIcon,
    treeNodeIcon: treeNodeIcon,
    titleLeft: 10
  }],

  /* 带 checkbox 的树型选择 */
  treeCheck: [{
    checkboxPosition: "default",
    // checkbox 默认在左边
    checkboxDisabledBorder: "#dbdfe6",
    checkboxDisabledBgColor: "#f5f5f5",
    checkboxRadius: 2,

    /* 未选中时为正方形 */
    unCheckboxWidth: 16,
    unCheckboxHeight: 16
  }, {
    checkboxPosition: "right",
    // checkbox 在右边
    checkboxRadius: 2,
    checkboxDisabledBorder: "#dbdfe6",
    checkboxDisabledBgColor: "#f5f5f5",

    /* 未选中时为 √ */
    unCheckboxWidth: 10,
    unCheckboxHeight: 6
  }],
  menu: [{
    fontFamily: "MicrosoftYaHei",
    fontSize: 14,
    fontColor: "#6a6a6a",
    arrowWidth: 8,
    arrowHeight: 8,
    arrowRightDistance: 16,
    arrowColor: "#333333"
  }],
  timeline: [{
    fontFamily: "MicrosoftYaHei",
    fontSize: 12,
    border: 2,
    fontColor: "#6a6a6a",

    /* 圆点的中心点颜色和外圈颜色 */
    blueNodeBorderColor: "rgba(6,135,255,0.3)",
    blueNodeBgColor: "#0687FF",
    greenNodeBorderColor: "rgba(45,195,128,0.3)",
    greenNodeBgColor: "#2DC380",
    redNodeBorderColor: "rgba(255,0,0,0.3)",
    redNodeBgColor: "#f00",
    yellowNodeBorderColor: "rgba(255,180,0,0.3)",
    yellowNodeBgColor: "#FFBC00"
  }, {
    fontFamily: "MicrosoftYaHei",
    fontSize: 12,
    border: 1,

    /* 圆点的中心点颜色和外圈颜色 */
    blueNodeBorderColor: "#0687FF",
    blueNodeBgColor: "#fff",
    greenNodeBorderColor: "#2DC380",
    greenNodeBgColor: "#fff",
    redNodeBorderColor: "#f00",
    redNodeBgColor: "#fff",
    yellowNodeBorderColor: "#FFBC00",
    yellowNodeBgColor: "#fff"
  }],
  tooltip: [{
    fontFamily: "MicrosoftYaHei",
    fontSize: 14,
    fontColor: "white",
    lineHeight: 20,

    /* 弹框 */
    backgroundColor: "#0d2a53",
    border: "none",
    borderRadius: 4,
    contentHeight: 42,

    /* 箭头 */
    arrowColor: "#0d2a53",
    // 与弹框颜色一致
    arrowBorderLeft: "none",
    arrowBorderBottom: "none"
  }, {
    fontFamily: "MicrosoftYaHei",
    fontSize: 14,
    fontColor: "#333333",
    lineHeight: 20,

    /* 弹框 */
    backgroundColor: "white",
    border: "1px solid #4f7de7",
    borderRadius: 4,
    contentHeight: 42,

    /* 箭头 */
    arrowColor: "#fff",
    arrowBorderLeft: "1px solid #4f7de7",
    arrowBorderBottom: "1px solid #4f7de7"
  }],
  spin: [{
    size: 50,
    type: "circle",
    circleColor: "#4f7de7",
    fillColor: "rgba(0,0,0,,)"
  }, {
    type: "dot",
    dotColor: "#4f7de7",
    size: 50
  }],
  datePicker: [{
    icon: calendarIcon,
    iconSize: 10,
    operationBtnRadius: 12,
    operationBtnSize: 24,
    hoverBgColor: "rgba(237, 237, 237, 0.5)",
    bodyItemFontSize: 12,
    headFontColor: "rgba(0, 0, 0, 0.8)",
    bodyItemFontColor: "#6a6a6a",
    bodyItemHeight: 24,
    bodyItemWidth: 24,
    bodyItemRadius: 12,
    selectedBgColor: "#4588f4",
    selectedFontColor: "#fff",
    weekendFontColor: "#FD5656",
    oldNewDayOpacity: "0.5" // 新增属性，上个月的和下个月的天数显示的透明度

  }],
  table: [{
    bordered: false,
    striped: true,
    stripedBg: "linear-gradient(270deg,#f8fbff 0%,#fcfdff 49%,#f8fbff 100%)",
    borderColor: "#f1f1f1",
    headHeight: 36,
    headBg: "#fafafa",
    headFontColor: "#aaadba",
    headFontSize: 12,
    rowHeight: 36,
    bodyBg: "#fff",
    bodyHoverBg: "#eff6ff",
    bodyFontSize: 12,
    bodyFontColor: "#5a6677",
    expandIcon: plus,
    expandedIcon: minus,
    expandIconColor: "rgba(0, 0, 0, .6)"
  }, {
    bordered: false,
    striped: false,
    stripedBg: "linear-gradient(270deg,#f8fbff 0%,#fcfdff 49%,#f8fbff 100%)",
    borderColor: "#f1f1f1",
    headHeight: 36,
    headBg: "#fafafa",
    headFontColor: "#333333",
    headFontSize: 12,
    rowHeight: 36,
    bodyBg: "#fff",
    bodyHoverBg: "#eff6ff",
    bodyFontSize: 12,
    bodyFontColor: "#5a6677",
    expandIcon: plus,
    expandedIcon: minus,
    expandIconColor: "rgba(0, 0, 0, .2)"
  }, {
    bordered: true,
    striped: false,
    stripedBg: "linear-gradient(270deg,#f8fbff 0%,#fcfdff 49%,#f8fbff 100%)",
    borderColor: "#f1f1f1",
    headHeight: 36,
    headBg: "#fafafa",
    headFontColor: "#4F7DE7",
    headFontSize: 12,
    rowHeight: 36,
    bodyBg: "#fff",
    bodyHoverBg: "#eff6ff",
    bodyFontSize: 12,
    bodyFontColor: "#5a6677",
    expandIcon: plusBlack,
    expandedIcon: minusBlack,
    expandIconColor: "rgba(0, 0, 0, .2)"
  }],
  tabs: [{
    showInkBar: false,
    inkBarBg: "#4f7de7",
    activeFontColor: "#4f7de7",
    tabFontSize: 14,
    tabFontColor: "#5a6677",
    tabPadding: "12px 0" // tabMargin: "6px 0 1px 0",
    // tabBorderWidth: 1,
    // tabBorderColor: "rgba(0, 0, 0, 0.15)",
    // showLeftBorder: false,
    // tabActiveBorderColor: "#4f7de7",
    // tabRadius: 2,

  }, {
    showInkBar: false,
    hideBottomScale: true,
    inkBarBg: "#4f7de7",
    activeFontColor: "#4f7de7",
    tabFontSize: 12,
    tabFontColor: "#5a6677",
    tabPadding: "4px 8px",
    tabMargin: "6px 0 1px 0",
    tabBorderWidth: 1,
    tabBorderColor: "rgba(0, 0, 0, 0.15)",
    showLeftBorder: false,
    tabActiveBorderColor: "#4f7de7",
    tabRadius: 2
  }],
  tabsCard: [{
    trapezium: false,
    // 是否是梯形Tab
    height: 38,
    bg: "#f6f6f6",
    fontColor: "#4c4c4c",
    borderColor: "#eeeeee",
    fontSize: 14,
    radius: 0,
    activeFontColor: "#1e3255",
    activeBg: "#fff",
    activeHeight: 38
  }, {
    trapezium: false,
    height: 30,
    bg: "#f6f6f6",
    fontColor: "#4c4c4c",
    borderColor: "#eeeeee",
    fontSize: 14,
    radius: "16px 16px 0 0",
    activeFontColor: "#1e3255",
    activeBg: "#fff",
    activeHeight: 38
  }, {
    trapezium: true,
    height: 30,
    bg: "#f6f6f6",
    fontColor: "#4c4c4c",
    borderColor: "#eeeeee",
    fontSize: 14,
    radius: "16px 16px 0 0",
    activeFontColor: "#1e3255",
    activeBg: "#fff",
    activeHeight: 38
  }],
  lineProgress: [{
    height: 8,
    bg: "#f5f5f5",
    normalBg: "#4f7de7",
    exceptionBg: "#ff4141",
    successBg: "#44ce6e"
  }, {
    height: 4,
    bg: "#f5f5f5",
    normalBg: "#4f7de7",
    exceptionBg: "#ff4141",
    successBg: "#44ce6e",
    showExtra: true,
    extraSize: 24,
    extraBg: "rgba(255, 255, 255, 0.3)",
    extraBorderColor: "rgba(79, 125, 231, 0.3)",
    extraRadius: "50%",
    // 必须是百分数
    hideRightIcon: true
  }],
  circleProgress: [{
    normalStopColors: ["#4f7de733", "#4F7DE7"],
    successStopColors: ["#44ce6e33", "#44CE6E"],
    exceptionStopColors: ["#ff414133", "#FF4141"]
  }],
  timePicker: [{
    dropDownInputHeight: 28,
    columnWidth: 90,
    itemFontSize: 12,
    itemFontColor: "#333333",
    itemHeight: 24,
    selectedBg: "#eff6ff",
    selectedFontColor: "#333"
  }],
  pagination: [{
    tight: false,
    // 新增，是否为紧凑型的
    itemWidth: 24,
    itemHeight: 24,
    itemRadius: 12,
    itemMargin: "",
    itemFontSize: 12,
    border: "none",
    itemFontColor: "#666666",
    bgColor: "#fff",
    hoverBorder: "none",
    hoverBg: "rgba(121, 121, 122, 0.1)",
    hoverFontColor: "#4588F4",
    activeBg: "#e4efff",
    activeBorderColor: "",
    activeFontColor: "#4588F4",
    nextBorderRadius: "",
    prevBorderRadius: "",
    jumpBorderWidth: 0,
    disabledBorderColor: "#E3E3E3",
    disabledBg: "#f6f6f6",
    disabledFontColor: "#E3E3E3",
    firstLastMargin: "",
    jumpFirstRadius: "",
    jumpLastRadius: ""
  }, {
    tight: false,
    // 新增，是否为紧凑型的
    itemWidth: 24,
    itemHeight: 24,
    itemRadius: 4,
    itemFontSize: 12,
    itemMargin: "",
    border: "1px solid #E3E3E3",
    itemFontColor: "#666666",
    hoverBorder: "1px solid #4588F4",
    hoverBg: "",
    hoverFontColor: "#4588F4",
    activeBg: "#e4efff",
    activeFontColor: "#4588F4",
    disabledBorderColor: "#E3E3E3",
    disabledBg: "#f6f6f6",
    disabledFontColor: "#E3E3E3",
    activeBorderColor: "#4588F4",
    bgColor: "#fff",
    nextBorderRadius: "",
    prevBorderRadius: "",
    jumpBorderWidth: "0",
    firstLastMargin: "",
    jumpFirstRadius: "",
    jumpLastRadius: ""
  }, {
    tight: true,
    // 新增，是否为紧凑型的
    itemWidth: 24,
    itemHeight: 24,
    itemRadius: 0,
    itemMargin: 0,
    itemFontSize: 12,
    border: "1px solid #E3E3E3",
    itemFontColor: "#666666",
    hoverBorder: "1px solid #4588F4",
    hoverBg: "",
    hoverFontColor: "#4588F4",
    activeBg: "#e4efff",
    activeFontColor: "#4588F4",
    disabledBorderColor: "#E3E3E3",
    disabledBg: "#f6f6f6",
    disabledFontColor: "#E3E3E3",
    activeBorderColor: "#4588F4",
    bgColor: "#fff",
    nextBorderRadius: "0 50% 50% 0",
    prevBorderRadius: "50% 0 0 50%",
    jumpBorderWidth: "",
    firstLastMargin: "0 0.12rem",
    jumpFirstRadius: "50%",
    jumpLastRadius: "50%"
  }],
  steps: [{
    template: 0,
    titleFontSize: 12,
    titleFontColor: "#5a6677",
    barHeight: 4,
    iconBorder: "none",
    barBg: "#e5e9ec",
    iconBg: "#fff",
    iconColor: "#4f7de7",
    iconSize: 24,
    finishIconBorder: "none",
    finishIconBg: "#4f7de7",
    finishBarBg: "#4f7de7",
    finishIconColor: "#fff",
    processIconBorder: "1px solid #4f7de7",
    processIconBg: "#fff",
    processBarBg: "#4f7de7",
    processIconColor: "#4f7de7",
    waitingBarBg: "#e5e9ec",
    waitingIconBorder: "none",
    waitingIconBg: "#e5e9ec",
    waitingIconColor: "#fff"
  }, {
    template: 1,
    // 模板1
    titleFontSize: 12,
    itemHeight: 32,
    // 每一项的高度
    itemMinWidth: 140,
    // 每一项的最小宽度
    itemBg: "#e5e9ec",
    // 每一项的背景色
    itemPadding: "0 12px 0 24px",
    // padding
    fontSize: 12,
    fontColor: "#5a6677",
    firstRadius: "16px 0 0 16px",
    iconSize: 12,
    // 已完成
    finishBg: "#4f7de7",
    finishFontColor: "#fff",
    finishBorder: "none",
    finishIconBg: "#fff",
    finishIconColor: "#4f7de7",
    finishIconBorder: "none",
    // 处理中
    processBg: "#fff",
    processFontColor: "#4f7de7",
    processBorder: "1px solid #e5e9ec",
    processIconBg: "#4f7de7",
    processIconColor: "#fff",
    processIconBorder: "none",
    // 等待中
    waitingBg: "#e5e9ec",
    waitingFontColor: "#5a6677",
    waitingBorder: "none",
    waitingIconBg: "#e5e9ec",
    waitingIconColor: "#e5e9ec",
    waitingIconBorder: "1px solid #5a6677",
    // c7n px转rem所需
    c7nItemPadding: "0 0.12rem 0 0.24rem",
    // padding
    c7nFirstRadius: "0.16rem 0 0 0.16rem"
  }]
};